@charset "utf-8";
/* by Sean Lu 20180904 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font: 18px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
/* a:hover { text-decoration: underline; color: #ea0000; } */
a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/
a:visited{text-decoration:none; }/*指已经访问过的链接*/
a:hover{text-decoration:none;}/*指鼠标在链接*/}
a:active{text-decoration:none;}/* 指正在点的链接*/ 

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.icon {
	background: url(../images/icon2.png) no-repeat;
	display: inline-block;
	background-size: 150px auto;
	vertical-align: middle;
}
.fnavbox  li .iconfont .ic1 {
	margin-left: auto;
	margin-right: auto;
	width: 26px;
    height: 26px;
	display: block;
    margin-bottom: .12rem;
    background-position: -44px -10px;
}
.fnavbox li .iconfont .ic2{
    margin-left: auto;
	margin-right: auto;
	width: 26px;
    height: 26px;
	display: block;
    margin-bottom: .12rem;
    background-position: 4px -10px;
}
.fnavbox li .iconfont .ic3{
    margin-left: auto;
	margin-right: auto;
	width: 26px;
    height: 26px;
	display: block;
    margin-bottom: .12rem;
    background-position: -20px -10px;
}
.fnavbox li .iconfont .ic4{
    margin-left: auto;
	margin-right: auto;
	width: 26px;
    height: 26px;
	display: block;
    margin-bottom: .12rem;
    background-position: -68px -10px;
}

/* #toolbar .list li:nth-child(3) s { */
/* background-position: -.38rem -.2rem; */
/* } */
/* #toolbar .list li:nth-child(4) s { */
/* background-position: -1.2rem -.2rem; */
/* width:.34rem; */
/* height:.34rem; */
/* } */

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #ea0000; color: #fff; }
::-moz-selection { background: #ea0000; color: #fff; }


/*公用标题*/
.cpzs{  /*padding-bottom:30px;*/  overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:18px; color:#0d62a6;color:#333333; position:relative }
.cpzs .cpzs_bt .fwxm_bt1 span{ position:relative; top:-5px;}
.cpzs .cpzs_bt .fwxm_bt1 h2{ display:inline; font-size:40px; font-weight:bold}
.cpzs .cpzs_bt .fwxm_bt2{  color:#333333;   padding:10px 0; font-size:16px;/*padding-bottom: 20px;background: url(../images/line02.png) no-repeat center bottom;*/}

@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt1 h2{ font-size:35px;}
}


@media (max-width : 768px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:14px; color:#0d62a6;color:#333333; position:relative }
.cpzs .cpzs_bt .fwxm_bt1 span{ position:relative; top:0px;}
.cpzs .cpzs_bt .fwxm_bt1 h2{ display:inline; font-size:22px; font-weight:bold}
.cpzs .cpzs_bt .fwxm_bt2{  color:#333333;   padding:10px 0; font-size:12px;}

}

/* .wrapper { margin: 0 auto; } */
.wrapper{width: 100%;;height: auto;position: relative;overflow: hidden;}
.wrap{max-width: 1550px;width: 100%;height: auto;overflow: hidden;position: relative;margin:auto;}

/*侧边导航*/ 
.opacity2, .opacity3 { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; }
.model-leftnav { width: 70%; height: 100%; background: #fff; position: fixed; top: 0px; left: 0; z-index: 44; }
.model-leftnav-top { padding: 0 5%; margin: 0; height: 58px; overflow: hidden; line-height: 58px; font-size: 18px; font-weight: bold; color: #fff; background: #005baa; text-align: center; }
.model-leftnav-top span { display: inline-block; height: 100%; padding-left: 45px; background: url(../images/icon15.png) left center no-repeat; background-size: 32px auto; }
.model-leftnav-main { width: 100%; height: 90%; overflow-y: scroll; }
.model-leftnav-main .nnav { width: 100%; height: auto; overflow: hidden; }
.model-leftnav-main .nnav li { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.model-leftnav-main .nnav li a.ce { display: block; height: 44px; line-height: 44px; padding-left: 15px; position: relative; color: #333333; font-size: 16px; }
.model-leftnav-main .nnav .yiji.xz a.ce { color: #005baa; }
.model-leftnav-main .nnav .yiji dl { padding-right: 15px; padding-left: 5px; width: 40px; height: 44px; line-height: 44px; float: right; z-index: 3; position: relative; }
.model-leftnav-main .nnav .yiji dl img { width: 100%; }
.model-leftnav-main .nnav .yiji dl span { width: 20px; height: 20px; }
.model-leftnav-main .nnav .yiji dl .icon1 { display: none; }
.model-leftnav-main .nnav .yiji.xz .er_icon .icon1, .model-leftnav-main .nnav .yiji .erji.tz .icon1, .model-leftnav-main .nnav .yiji .erji.tz .threeji.fz .icon1 { display: block; }
.model-leftnav-main .nnav .yiji .erji.tz .threeji .icon1 { display: none; }
.model-leftnav-main .nnav .yiji .erji.tz .threeji .icon2 { display: block; }
.model-leftnav-main .nnav .yiji.xz .er_icon .icon2, .model-leftnav-main .nnav .yiji .erji.tz .icon2, .model-leftnav-main .nnav .yiji .erji .threeji.fz .icon2 { display: none; }
.model-leftnav-main .nnav li a.er { padding-left: 28px; color: #333; font-size: 16px; display: block; height: 40px; line-height: 40px; position: relative; }
.model-leftnav-main .nnav .yiji dl.thr_icon, .model-leftnav-main .nnav .yiji dl.four_icon { height: 40px; line-height: 40px; }
.model-leftnav-main .nnav li.tz a.er { color: #005baa; }
.model-leftnav-main .nnav li.tz a.er:before { content: ""; width: 3px; height: 12px; background: #005baa; position: absolute; top: 14px; left: 18px; }
.model-leftnav-main .nnav li .menu_body { display: none; }
.model-leftnav-main .nnav li .menu_body li { border-bottom: none; padding: 0; }
.model-leftnav-main .nnav li .thr_body, .model-leftnav-main .nnav li .thr_body .four_body { display: none; }
.model-leftnav-main .nnav li .thr_body a { padding-left: 42px; color: #333; font-size: 14px; display: block; height: 40px; line-height: 40px; overflow: hidden; }
.model-leftnav-main .nnav li .four_body a.four { color: #666; height: 32px; line-height: 32px; overflow: hidden; }
.page-prev { transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); }
.page-next { transform: translate3d(70%, 0, 0); -ms-transform: translate3d(70%, 0, 0); -webkit-transform: translate3d(70%, 0, 0); -o-transform: translate3d(70%, 0, 0); -moz-transform: translate3d(70%, 0, 0); }
.page-active { transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.page-in { -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); }
.page-out { -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s; -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s; display: block !important; }
/*侧边导航结束*/ 


.header{width: 100%;height: auto;position: fixed;z-index: 99;border-bottom:1px solid #eee}

.nav01{width:100%;background:#fff;}
.nav01 .logo{background:url(../uploadfile/logo2.png) no-repeat center;background-size:cover;}
.nav01 .nav ul li a{color:#333}
.nav01 .top_tel{color:#333}
.nav01 .top_wx_btn{background: url(../images/top_wx.png) center center no-repeat;}

.header:hover{background:#fff}
.header:hover .logo{background:url(../uploadfile/logo2.png) no-repeat center;}
.header:hover a{color:#333}
.header:hover .top_tel{color:#333}
.header:hover .top_wx_btn{background: url(../images/top_wx.png) #00479d  center center no-repeat;}

.logo{width: 400px;height: auto;position: absolute;left: 30px;background:url(../uploadfile/logo.png) no-repeat center;background-size:cover;}
.logo a{display: block;height: auto;overflow: hidden;}
.logo a i{width: 100%;height: 90px;display: table-cell;vertical-align: middle;}
.logo a i img{/*max-width: 100%;max-height: 100%;*/}
.nav{width: 100%;padding: 0 430px 0 420px;padding: 0 19.8% 0 32.5%;}
.nav ul{display: inline-block;width: 100%;vertical-align: top;}
.nav ul li{width: calc(100%/7); font-size: 15px;float: left;text-align: center;position: relative;}
.nav ul li a{display: block;font-size:18px;line-height: 90px;height: 90px;padding: 0 5px;overflow: hidden;transition: 300ms;position: relative;color:#fff}
.nav ul li a:before{content: "";width: 100%;height: 0px;background: #00479d;position: absolute;left: 0;bottom: 0;transition: 300ms;z-index: -1;}
.nav ul li a:hover,.nav ul li.cu a,.nav ul li.on a{color: #fff;}
.nav ul li a:hover:before,.nav ul li.cu a:before,.nav ul li.on a:before{height: 100%;}
.nav ul li ul{position: absolute;height: auto;overflow: hidden;background: rgba(0,71,157,.8);left: 0;display: none;}
.nav ul li ul li{width: 100%;font-size: 14px;}
.header .nav .
.nav ul li ul li a,.nav ul li.cu ul li a,.nav ul li.on ul li a{color: #fff;line-height: 36px;height: 36px;}
.nav ul li ul li a span{display: inline-block;vertical-align: top;height: 100%;overflow: hidden;padding: 0 1px;position: relative;}
.nav ul li ul li a span:before{content: "";width: 4px;height: 4px;border-radius: 50%;position: absolute;left: 4px;top: 50%;margin-top: -2px;transition: 300ms;}
.nav ul li ul li a span:after{content: "";width: 4px;height: 4px;border-radius: 50%;position: absolute;right: 4px;top: 50%;margin-top: -2px;transition: 300ms;}
.nav ul li ul li a:before{display: none;}
.nav ul li ul li a:hover{color: #fff;}
.nav ul li ul li a:hover span:before{background: #fff;}
.nav ul li ul li a:hover span:after{background: #fff;}
.top_contact{ position: absolute;top: 0;right: 5%;}
.top_contact dd{float: left;line-height: 90px;height: 90px;overflow: hidden;}
.top_addr{padding-right: 20px;margin-right: 20px;position: relative;}
.top_addr:after{content: "";width: 1px;height: 20px;background: #e6e6e6;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.top_addr a{display: block;padding-left: 22px;background: url(../images/top_addr.png) left center no-repeat;color: #00479d;}
.top_tel{padding-left: 22px;background: url(../images/top_tel.png) left center no-repeat;color: #fff;}
.top_tel span{font-size: 18px;font-family: "Arial"!important;}
.top_wx_btn{width: 90px;height: 100%;background: url(../images/top_wx.png)  center center no-repeat; position: absolute;right: 0;top: 0;}
.opacity_wx{width: 100%;height: 100%;background: rgba(0,0,0,.3);overflow: hidden;position: fixed;top: 0;left: 0;z-index: 25;display: none;}
.top_wx_area{width: 232px;padding: 6px;height: auto;overflow: hidden;position: fixed;top: 35%;left: 50%;margin-left: -116px;z-index: 26;background: rgba(255,255,255,.5);display: none;}
.top_wx_head{padding: 0 12px;line-height: 30px;border-bottom: 1px solid #d9d9d9;background: #f2f2f2;position: relative;height: auto;overflow: hidden;font-weight: bold;color: #808080;}
.top_wx_head span{font-weight: normal;position: absolute;right: 12px;top: 0;cursor: pointer;transition: 300ms;}
.top_wx_head span:hover{color: #00479d;}
.top_wx_box{width: 100%;padding: 10px 12px;height: auto;overflow: hidden;background: #fff;}
.top_wx_box img{width: 100%;}
.nav_button{width: 76px;height: 100%;background: url(../images/nav_button.png) #00479d center center no-repeat;background-size: 30px;position: absolute;top: 0;right: 0;display: none;}



@media (min-width: 1440px){
	.container{width: 1310px;}
}

@media (min-width: 1200px) and (max-width: 1439px){
	.logo{max-width: 390px;width: 100%; left: 30px;}
	.logo a i{max-width: 310px;width: 100%;height: 80px;}
	.top_contact{right: 100px;}
	.top_contact dd{line-height: 80px;height: 80px;}
	.top_addr{margin-right: 0px;}
	.top_addr:after{display: none;}
	.top_tel{display: none;}
	.top_wx_btn{width: 80px;}
	.nav{padding: 0 5% 0 37%;}
	.nav ul li a{line-height: 80px;height: 80px;}
	
	
}

@media (min-width: 992px) and (max-width: 1199px){
	.logo{width: 285px;left: 30px;}
	.logo a i{width: 285px;height: 76px;}
	.top_contact{display: none;}
	.top_wx_btn{width: 76px;}
	.nav{padding: 0 60px 0 400px;}
	.nav ul li a{line-height: 76px;height: 76px;}
	
	
}

@media (max-width: 991px){
	.logo{width: 400px;left: 5%;position: relative;}
	.logo a i{width: 400px;height: 76px;}
	.top_contact{display: none;}
	.top_wx_btn{display: none;}
	.nav{display: none;}
	.nav_button{display: block;}
	
}

@media (max-width: 767px){
	.logo{width: 400px;}
	.logo a i{width: 400px;height: 72px;}
	.nav_button{background-size: 28px;}
	
}

@media (max-width: 567px){
	.logo{width: 400px;}
	.logo a i{width: 255px;height: 68px;}
	.nav_button{background-size: 26px;width: 70px;}
	
}

@media (max-width: 372px){
	.logo{width: 235px;}
	.logo a i{width: 235px;height: 62px;}
	.nav_button{background-size: 24px;width: 65px;}
	
}





.bannerslide { position: relative; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height:950px; }
.bannerslide .swiper-slide .textbox { margin: 220px 0 0 60px; width: 340px; background: #fff; color: #111; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .4s .2s; transition: all .4s .2s; }
.bannerslide .swiper-slide.swiper-slide-active .textbox { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.bannerslide .swiper-slide .textbox .pad { padding: 40px; }
.bannerslide .swiper-slide .textbox .sub { font-size: 12px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
.bannerslide .swiper-slide .textbox .tit { font-size: 26px; margin-bottom: 20px; }
.bannerslide .swiper-slide .textbox .txt { font-size: 12px; color: #999; line-height: 20px; }
.bannerslide .swiper-slide .textbox .btn { padding: 40px; background: rgba(234,237,242,1); }
.bannerslide .swiper-slide .textbox .btn a { font-size: 14px; line-height: 40px; color: #111; padding: 0 30px; font-weight: bold; border: 1px solid #111; display: inline-block; text-align: center; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide .textbox .btn a:hover { background: #fff; color: #000; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #f00; }

.bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev { background-image: url(../images/arrows.png); background-size: 80px 60px; background-position: -40px 0; width: 40px; height: 60px; margin-top: -30px; }
.bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next { background-image: url(../images/arrows.png); background-size: 80px 60px; background-position: 0 0; width: 40px; height: 60px; margin-top: -30px; }


/* .wrapper { width: 1556px; margin: 0 auto; } */

.commontitle { text-align: center; margin-bottom: 40px; }
.commontitle .tit { font-size: 22px; font-weight: bold; color: #111; margin-bottom: 20px; }
.commontitle .txt { font-size: 14px; color: #666; }

.commonbtn { text-align: center; }
.commonbtn a { display: inline-block; line-height: 46px; background: #ea0000; border-radius: 30px; color: #fff; padding: 0 30px; font-size: 13px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.commonbtn a:hover { opacity: .8; padding: 0 60px; }



.homebox01 { padding-bottom: 30px ; background:url(../images/maps.png) no-repeat;}
.homebox01 .wrapper { border-bottom: 0 solid #eaedf2; padding-bottom: 50px; }
.homebox01 .list { margin-bottom: 40px; }
.homebox01 .list .item { float: left; width: 30%; margin-right: 2%; background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; padding: 60px; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
/* .homebox01 .list .item:nth-child(2n) { margin-right: 0; } */

.homebox01 .list .item .img{width:100%;height:350px;text-align:center;display: flex; align-items: center; justify-content: center; text-align: justify;overflow: hidden;}
.homebox01 .list .item .img img{max-width:100%;height:auto;margin:auto;}

.homebox01 .list .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.homebox01 .list .item .time .split { margin: 0 10px; color: #ccc; }
.homebox01 .list .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.homebox01 .list .item .name a { color: #111; }
.homebox01 .list .item .name a:hover { color: #ea0000; }
.homebox01 .list .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.homebox01 .list .item .link { overflow: hidden; margin-bottom: -12px; }
.homebox01 .list .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01.png) no-repeat center; float: left; }
.homebox01 .list .item .link a.l02 { float: right; background-image: url(../images/hb01img02.png); }






	



.homebox02 { padding: 50px 0 0; }
.homebox02 .wrapper { }
.homebox02 .list { margin-bottom: 40px; }
.homebox02 .list .item { float: left; width: 49%; margin-right: 2%; background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }
.homebox02 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.homebox02 .list .item:nth-child(2n) { margin-right: 0; }
.homebox02 .list .item .img img { display: block; width: 100%; }
.homebox02 .list .item .box { padding: 40px 30px; }
.homebox02 .list .item .box .name { font-size: 20px; line-height: 32px; margin-bottom: 15px; color: #666; }
.homebox02 .list .item .box .text { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 25px; color: #666; }
.homebox02 .list .item .box .btnn { position: relative; }
.homebox02 .list .item .box .btnn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }
.homebox02 .list .item .box .btnn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }
.homebox02 .list .item .box .btnn a:hover { color: #ea0000; }


.homebox03 { /*padding: 50px 0;*/ background: #eaedf2; background:url(../images/ditu.jpg)}
.homebox03 .subtit { text-align: center; margin-bottom: 30px; }
.homebox03 .subtit a { font-size: 14px; color: #333; display: inline-block; line-height: 42px; border: 1px solid transparent; text-decoration: none; margin: 0 10px; /*border-radius: 30px;*/ }
.homebox03 .subtit a.on { padding: 0 30px; /*border-color: #111;*/ color: #111; }
.homebox03 .subtit a:hover { color: #ea0000; }

.homebox03 .subtit ul{width:100%;}
.homebox03 .subtit ul li{float:left;    width: 14.28%;border:1px solid #eee;}


.homebox03 .hb03list { padding: 35px 0 90px; }
.homebox03 .hb03list .swiper-slide { background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }
.homebox03 .hb03list .swiper-slide:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.homebox03 .hb03list .swiper-slide .img{width:100%;height:320px;display: flex; align-items: center; justify-content: center; text-align: justify;overflow:hidden;} 
.homebox03 .hb03list .swiper-slide .img img { display: block; width: 100%;max-height:100%; }
.homebox03 .hb03list .swiper-slide .box { padding: 10px; }
.homebox03 .hb03list .swiper-slide .box .nam { line-height: 30px; height: 30px; margin-bottom: 10px; overflow: hidden; }
.homebox03 .hb03list .swiper-slide .box .nam a { font-weight: bold; font-size: 16px; color: #333; }
.homebox03 .hb03list .swiper-slide .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 20px; }
.homebox03 .hb03list .swiper-slide .box .btn { position: relative; }
.homebox03 .hb03list .swiper-slide .box .btn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }
.homebox03 .hb03list .swiper-slide .box .btn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }
.homebox03 .hb03list .swiper-slide .box .btn a:hover { color: #ea0000; }
.homebox03 .hb03list .swiper-pagination { font-size: 12px; font-family: arial; line-height: 50px; }
.homebox03 .hb03list .swiper-pagination .swiper-pagination-current { margin: 0 10px; }
.homebox03 .hb03list .swiper-pagination .swiper-pagination-total { margin: 0 10px; }
.homebox03 .hb03list .swiper-button-prev { margin-top: 0; height: 50px; width: 20px; top: auto; bottom: 10px; left: 50%; margin-left: -60px; background: url(../images/leftarr.png) no-repeat center; }
.homebox03 .hb03list .swiper-button-next { margin-top: 0; height: 50px; width: 20px; top: auto; bottom: 10px; left: 50%; margin-left: 40px; background: url(../images/rightarr.png) no-repeat center; }


.homebox04 { padding: 50px 0 ; background:url(../images/about_bj.jpg) no-repeat center;background-size:auto 100%; }
.homebox04 .commontitle .tit { font-size: 24px; color: #333; letter-spacing: 2px; }
.homebox04 .numlist { overflow: hidden; padding: 0 10%; margin-bottom: 60px; }
.homebox04 .numlist .item { width: 23%; float: left; margin: 0 1%; text-align: center; }
.homebox04 .numlist .item .num { color: #014099; font-size: 50px; font-weight: bold; padding-bottom: 30px; padding-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.homebox04 .numlist .item .num  b {
    font-size: 79px;
    display: inline-block;
    font-family: Impact Regular;
    font-weight: normal;
}
.homebox04 .numlist .item .num em {
	margin-left:5px;
	font-size:33px;
    display: inline-block;
}
.homebox04 .numlist .item .txt { color: #fff; font-size: 16px; line-height: 24px;background: #014099;     padding: 10px 2px;     border-radius: 33px 0; }
.homebox04 .list { margin-bottom: 40px; }
.homebox04 .list .item { float: left; width: 49%; margin-right: 2%; background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }
.homebox04 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.homebox04 .list .item:nth-child(2n) { margin-right: 0; }
.homebox04 .list .item .img img { display: block; width: 100%; }
.homebox04 .list .item .box { padding: 40px 30px; }
.homebox04 .list .item .box .name { font-size: 24px; line-height: 32px; margin-bottom: 15px; color: #333;    font-weight: bold; }
.homebox04 .list .item .box .text { font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 25px; color: #666; }
.homebox04 .list .item .box .btnn { position: relative; }
.homebox04 .list .item .box .btnn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }
.homebox04 .list .item .box .btnn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }
.homebox04 .list .item .box .btnn a:hover { color: #ea0000; }


li {
    list-style: none;
}
.zindexUp {
    position: relative;
    /* z-index: 10; */
}
.s1 { /* padding-top: 75px; */ overflow: hidden; position: relative; /*background: #fff;*/ padding-bottom: 60px; }

.s1 .s1_logo { position: absolute !important; width: 450px; height: 550px; background: url("../images/s1_logo.png") no-repeat center; background-size: contain; left: 40px !important; top: -140px !important; z-index: 5; }

.s1 .s1_main { /* padding-top: 65px; */ width: 100%; *zoom: 1; position: relative; z-index: 8; }

.s1 .s1_main:before, .s1 .s1_main:after { content: " "; display: table; }

.s1 .s1_main:after { clear: both; }

.s1 .s1_main li { width: 23.8%; float: left; margin-right: 1.04%; height: 352px;border:2px solid #eee }  
.s1 .s1_main li:last-child { margin-right: 0; }  
.s1 .s1_main .li1 { background: url("../images/s1_li1.jpg") no-repeat center; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ padding-left: 2.2%; padding-right: 2.2%; }

.s1 .s1_main .li1 .a1 { width: 100%; height: 78px; line-height: 78px; text-align: center; padding-top: 68px; } 
.s1 .s1_main .li1 .a1 img { max-width: 100%; }

.s1 .s1_main .li1 .a2 { width: 100%; margin-top: 200px; }  
.s1 .s1_main .li1 .a2 a { display: block; width: 100%; height: 50px; line-height: 50px; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 18px; color: #fff; }

.s1 .s1_main .li1 .a2 a:hover .b1 .c1 { color: #f67631; }

.s1 .s1_main .li1 .a2 a:hover .b1 .c1:last-child {
transform: translateX(8px);
-ms-transform: translateX(8px);
-moz-transform: translateX(8px);
-webkit-transform: translateX(8px);
-o-transform: translateX(8px);
}

.s1 .s1_main .li1 .a2 a:hover .b2:after { width: 100%; }  
.s1 .s1_main .li1 .a2 a img { height: 14px; }  
.s1 .s1_main .li1 .a2 a .b1 { *zoom: 1; }

.s1 .s1_main .li1 .a2 a .b1:before, .s1 .s1_main .li1 .a2 a .b1:after { content: " "; display: table; }

.s1 .s1_main .li1 .a2 a .b1:after { clear: both; }

.s1 .s1_main .li1 .a2 a .b1 .c1 {
float: left;
height: 50px;
line-height: 50px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
}

.s1 .s1_main .li1 .a2 a .b1 .c1:last-child {
float: right;
}

.s1 .s1_main .li1 .a2 a .b2 {
width: 100%;
height: 1px;
margin-top: 4px;
background: rgba(255, 255, 255, 0.6);
position: relative;
}

.s1 .s1_main .li1 .a2 a .b2:after {
content: "";
width: 0;
background: #f67631;
height: 1px;
position: absolute;
left: 0;
top: 0;
z-index: 10;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
}

.s1 .s1_main .li2 {
background: #fff;
position: relative;
overflow: hidden;
border: 1px solid #eee;
}

.s1 .s1_main .li2  .bg{
width:100%;
height:100%;
position: absolute;
top:0;
background: #1956a6;
opacity:0;
}

.s1 .s1_main .li2:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: -100%;
top: 0;
opacity: 0;
background: #1956a6;

transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
}

.s1 .s1_main .li2:hover:after {
left: 0;
opacity: 1;
}
.s1 .s1_main .li2:hover .bg{opacity:1;}

.s1 .s1_main .li2:hover .pic img {
filter: grayscale(0%);
}

.s1 .s1_main .li2:hover .a1 {
color: #fff;
transform: translateY(-8px);
-ms-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-webkit-transform: translateY(-8px);
-o-transform: translateY(-8px);
}

.s1 .s1_main .li2:hover .a2 {
background: #fff;
}

.s1 .s1_main .li2:hover .a3 {
color: #fff;
}

.s1 .s1_main .li2:hover .a4 a {
border-color: #fff;
color: #fff;
}

.s1 .s1_main .li2 .pic {
height: 350px;
width: 100%;
overflow: hidden;
}

.s1 .s1_main .li2 .pic img {
	width:100%;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
filter: grayscale(60%);
}

.s1 .s1_main .li2 .a1 {
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro",
"PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei",
SimHei, sans-serif;
font-size: 60px;
color: #000;
text-align: center;
width: 100%;
font-family: thyFont1;
padding-top: 70px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
}

.s1 .s1_main .li2 .a2 {
width: 80%;
margin-left: 10%;
background: #eee;
height: 1px;
margin-top: 15px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
}

.s1 .s1_main .li2 .a3 {
box-sizing: content-box;
width: 80%;
margin-left: 10%;
text-align: center;
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro",
"PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei",
SimHei, sans-serif;
font-size: 18px;
color: #000;
margin-top: 15px;
height: 40px;
line-height: 40px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
padding-bottom: 75px;
}

.s1 .s1_main .li2 .a4 {
box-sizing: content-box;
width: 160px;
height: 40px;
z-index: 10;
overflow: hidden;
margin: 0 auto;
}

.s1 .s1_main .li2 .a4:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
left: 100%;
top: 0;
background: #1558a6;
transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
z-index: 2;
}

.s1 .s1_main .li2 .a4:hover:after {
left: 0;
opacity: 1;
}

.s1 .s1_main .li2 .a4:hover a {
color: #fff;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5) inset;
}

.s1 .s1_main .li2 .a4 a {
width: 100%;
height: 100%;
display: block;
position: relative;
z-index: 10;
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro",
"PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei",
SimHei, sans-serif;
font-size: 15px;
color: #000;
line-height: 40px;
text-align: center;
font-weight: lighter;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari 和 Chrome */
-o-transition-timing-function: ease;
/* Opera */
border: 1px solid #bebebe;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari*/
}



.aorui_a{max-width: 1200px; width: 100%; margin: 0 auto; height: 500px;border-bottom: 0px solid #eee;}
.aorui_a a:nth-child(4){ margin-right: 0; }
.aorui_a a{ display: block; height: 400px;max-width: 287px;width: 23%; overflow: hidden; margin-right: 17px; transition: all 0.3s; }
.aorui_a a img{ width: 100%; height: 317px; }
.aorui_a a div{ background: #fac12c; text-align: center; height: 83px; transition: all 0.3s; }
.aorui_a a div label{ display: block; background: url(../images/6.png)center 0 no-repeat; width: 44px; height: 43px; margin: auto; top: -21px; position: relative; transition: all 0.3s; }
.aorui_a a div span{ font-size: 22px; color: #333333; display: block; margin-bottom: 13px; top: -6px; position: relative; transition: all 0.3s; }
.aorui_a a p{ color: #fff; padding: 0 33px; font-size: 13px; line-height: 21px; }
.aorui_a a:hover{ height: 515px; margin-top: -34px; }
.aorui_a a:hover div{ background: url(../images/4_03.png)center 0 no-repeat; height: 197px; }
.aorui_a a:hover label{ background: url(../images/7.png)center 0 no-repeat;    }
.aorui_a a:hover div span{ color: #fff; }  
 

		
/* *{margin:0;padding:0;list-style-type:none;} */
/* a,img{border:0;text-decoration:none;} */

/* .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} */
/* *html .clearfix{height:1%} */


.map-service{position:relative;height:auto;background:url(../images/41109.jpg) #eee;padding:30px 0;}

.map-service .cpzs .cpzs_bt .fwxm_bt1{color:#fff}
.map-service .cpzs .cpzs_bt .fwxm_bt2{color:#fff}

.china-map{/*width:748px;*/height:618px;background:url(../images/map.png) center no-repeat;background-size:auto 100%;position:relative;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.postition-9 .area-box .dot{    left: -2px!important;top: -2px!important;}
.area-box .dot{position:absolute;left:0;top:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:red;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-17px;left:-17px;height:40px;width:40px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#fff;}
.region-list.active .area-box .pulse{border-color:#fff;top:-16px;left:-16px;height:43px;width:43px;-webkit-box-shadow:0 0 12px #014099,0 0 20px #014099 inset;-moz-box-shadow:0 0 12px #014099,0 0 20px #014099 inset;box-shadow:0 0 12px #014099,0 0 20px #014099 inset}
.region-list.active .area-box .pulse2{border-color:#fff;top:-16px;left:-16px;height:43px;width:43px;-webkit-box-shadow:0 0 12px red,0 0 20px red inset;-moz-box-shadow:0 0 12px red,0 0 20px red inset;box-shadow:0 0 12px red,0 0 20px red inset}

.region-list.waite .area-box .dot{background:#2dde03;}
.region-list.waite .area-box .pulse{border-color:#2dde03;}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:28px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}

.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#014099;font-size:18px;letter-spacing:2px;font-weight:bold;}
.region-list.active  span.d1{color:#fac12c;}
.region-list.waite .show-regin span{color:#ddd;}
.postition-1{left: 30%;top: 30%;}
.postition-2{left: 38%;top: 67%;} 
.postition-3{left: 48%; top: 26%;} 
.postition-4{left: 54%; top: 23%;} 
.postition-5{left: 52%; top: 26%;} 
.postition-6{left: 51%; top: 30%;} 
.postition-7{left: 54%; top: 29%;} 
.postition-8{left: 62%; top: 38%;} 
.postition-9{left: 63%; top: 21%;} 
.postition-10{left: 58%; top: 41%;} 
.postition-11{left: 61%; top: 48%;} 
.postition-12{left: 67%; top: 40%;} 
.postition-13{left: 66%; top: 50.5%;} 
.douhao{width:0}



.homebox05 { padding: 50px 0; background: #eff2f4; margin-top: 220px; }
.homebox05.homebox05s { margin-top: 0; }
.homebox05.homebox05s .list .item:nth-child(1) { margin-top: 0; margin-bottom: 0; }
.homebox05.homebox05s .list .item:nth-child(1) .img { float: right; }
.homebox05.homebox05s .list .item:nth-child(1) .box { margin-right: 763px; margin-left: auto; }
.homebox05 .list .item { background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; margin-bottom: 50px; overflow: hidden; }
.homebox05 .list .item:nth-child(1) { margin-top: -260px; margin-bottom: 0; }
.homebox05 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.homebox05 .list .item .img { float: left; }
.homebox05 .list .item:nth-child(2) .img { float: right; }
.homebox05 .list .item .img img { display: block; }
.homebox05 .list .item .box { padding: 30px 60px; margin-left: 763px; }
.homebox05 .list .item:nth-child(2) .box { margin-right: 763px; margin-left: auto; }
.homebox05 .list .item .box .name { font-size: 28px; font-weight:bold; margin-bottom: 15px; color: #00479d; }
.homebox05 .list .item .box .name  span{color:#555;font-size:20px;font-weight:200;letter-spacing: 2px;}
.homebox05 .list .item .box .text { font-size: 16px; margin-bottom: 25px; color: #666; line-height: 38px; /*height: 360px;*/ overflow: hidden; }
.homebox05 .list .item .box .btnn { position: relative; }
.homebox05 .list .item .box .btnn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }
.homebox05 .list .item .box .btnn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }
.homebox05 .list .item .box .btnn a:hover { color: #ea0000; }


/*¹关于我们*/
.about{ background:#fff /*url(../images/about_bg3.jpg) center no-repeat*/;  padding:60px 0; position:relative; overflow:hidden;}
.about .b{  }
.about .about_title{ position:relative; z-index: 10; text-align: center; }
.about .about_title .div1{ line-height:35px; height:70px; font-size:30px; color: #3671cf; font-weight: 700; background: url(../images/title.png) center center no-repeat; letter-spacing:1px; }
.about .about_title .div2{line-height:22px; font-size:15px; color: #999; letter-spacing: 2px;}

.about .aboutBox{}
.about .aboutBox .about_left{ width:45%; overflow:hidden;padding-left: 1%;padding-right: 1%;}
.about .aboutBox .about_left .div_title h1{font-size:38px;font-size:bold;}
.about .aboutBox .about_left .div0{width:100%; border-right:5px solid #2056ad;padding:20px 0}
.about .aboutBox .about_left .div1{ color: #333; font-size:16px; font-weight: 700; letter-spacing:1px; line-height:35px; }
.about .aboutBox .about_left .div2{ border-top:1px solid rgba(255,255,255,0.3); height:3px; border-bottom:5px solid rgba(255,255,255,0.3); width:130px; margin:15px 0 25px 0; }
.about .aboutBox .about_left .div3{ color: #2056ad; font-size: 31px; font-weight: bold; letter-spacing: 12px;  } 
.about .aboutBox .about_left .aboutNR{ color:#333; font-size:18px;   line-height:35px; letter-spacing:2px;overflow:hidden; margin-top:20px;}
.about .aboutBox .about_left .about_more{padding-top:30px; width:640px;}
.about .aboutBox .about_left .about_more a{display:block; width:118px; text-align:center;border:1px solid rgba(0,0,0,0.2); /*background-color:rgba(0,0,0,0.2) ;*/ float:left; margin-right:40px; padding:15px 0 15px 0;}
/* .about .aboutBox .about_left .about_more a:hover{ background: #fda102; } */
.about .aboutBox .about_left .about_more .imgIcon{height:50px;background-repeat: no-repeat !important; background-position:center center !important;}
.about .aboutBox .about_left .about_more .mT{text-align: center; color: #fff; font-size: 14px;padding-top:8px;  }
.about .aboutBox .about_left .about_more a.a1 .imgIcon{ background-image: url(../images/about_i01.png); }
.about .aboutBox .about_left .about_more a.a2 .imgIcon{ background:url(../images/about_i02.png) center center no-repeat; }
.about .aboutBox .about_left .about_more a.a3 .imgIcon{ background:url(../images/about_i03.png) center center no-repeat; }
.about .aboutBox .about_left .about_more a.a4 .imgIcon{ background:url(../images/about_i04.png) center center no-repeat; }
.about .aboutBox .about_right{ width: 52%; position: relative;   }
.about .aboutBox .about_right .img{ height:575px; width:80%; border:5px solid rgba(255,255,255,0.6); position: relative;z-index: 5;background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}
.about .aboutBox .about_right .img img{}
.about .aboutBox .about_right .bd{ position: absolute;     right: 16%;top: 8%; border:5px solid #2056ad; width:80%; height:516px; }
.about .aboutBox .about_right .btn{ position: absolute; z-index: 10; right:40px; bottom:42px; }
.about .aboutBox .about_right .btn a{ display: block; width: 55px; height:40px; float: left; margin-right:5px;}
.about .aboutBox .about_right .btn a.a1{ background:rgba(250,170,24,0.8) url(../images/about_jt01.png) center center no-repeat; }
.about .aboutBox .about_right .btn a.a2{ background:rgba(250,170,24,0.8) url(../images/about_jt02.png) center center no-repeat; }
/* .about .aboutBox .about_right .btn a:hover{ background-color:#2b6cd5 ; } */





.homebox06 { padding: 50px 0; /*background: url(../images/probg.jpg) no-repeat center;*/}
.homebox06 .box { background: #fff; text-align: center; width: 95%; margin: 50px auto; /*padding: 70px 0 40px;*/ }
.homebox06 .box p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 30px; }
.homebox06 .box .list { width: 700px; margin: 0 auto; }
.homebox06 .box .list li { width: 20%; float: left; margin-bottom: 20px; font-size: 12px; color: #666; }
.homebox06 .box .list li img { display: block; margin: 0 auto 10px; }

.homebox06 .swiper-container {
      width: 100%;
      height: 100%;
    }
 .homebox06   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	  border:1px solid #eee;
    }

.homebox06   .swiper-slide .img{width:100%;height:600px;position:relative;border:1px solid #eee;display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;}
.homebox06   .swiper-slide .img img{width:100%;height:auto;}

/* .homebox06   .swiper-slide .img img{max-width:100%;height:auto;} */
.homebox06   .swiper-slide .text{width:100%;text-align:center;padding:5px 0;font-size:18px;background:red;}
	
.homebox06 .swiper-slide-active,.homebox06  .swiper-slide-duplicate-active{
      transform: scale(1);
	}
.homebox06 .swiper-button-prev {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/slideshow_arrow_left.png);
    background-color: transparent;
}	
.homebox06 .swiper-button-next {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/slideshow_arrow_right.png);
    background-color: transparent;
}


/*首页案例展示*/
.index_bgc{ width:100%; background:url(../images/index_bgc.png) no-repeat center bottom;  padding-bottom:30px;}
.inbg_main{width:1200px;margin:auto;position: relative;margin-top: 20px;}

.indc{width:100%;height:500px;border:0px solid #eee;}
.indc_l,.indc_r{ width:100%; height:100%; position:relative;border:0px solid #000;}
.indc_l .indc_pic{width:100%;height:100%;    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;}
.indc_l .indc_pic img{max-width:100%;max-height:100%;}

.indc_l .indc_title{position:absolute;width:300px;height:50px;bottom:100px;left:25%;background:rgba(255,255,255,.8);color:#002e73;font-size:22px;text-align:center; display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;}

.indc_r{
     border:1px solid #eee;
     display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
	/* background:rgba(0,46,115,.9); */
	position:relative;
	
	}
.indc_r img{width:100%;height:auto;}
.indc_r	.div_text{width:30%;height:100%;position:absolute;right:0;top:0;display: flex;
    align-items: center;
    justify-content: center;
     text-align: justify;
background:rgba(31,73,125,.9);	 
	}
.indc_r	.indc_text{width:95%;border:0px solid #eee;right:0; color:#fff;	text-align:center;     } 
.indc_r h1{font-size:28px;font-family: georgia,serif;}
.indc_r h2{font-size:22px;margin:10px 0;}
.indc_r p{font-size:18px;}

.indc_an{position: absolute;bottom: 4%;right: 11%; }
.indc_an a{ cursor:pointer; width:52px; height:28px; display:block; text-align:center; font-family:"宋体"; color:#fff; line-height:28px; float:left;}
.indc_an a.prev{ background:#fff;color:#076CE0}
.indc_an a.next{ background:#fff; margin-left:2px; color:#076CE0}
 
.ysTit{ overflow: hidden; background: url(../images/ys_titbg.png) no-repeat center; height: 206px; text-align: center}
.ysTit h2{ font-size:30px; margin-top:30px; margin-bottom:20px; color: #fff;}
.ysTit h2 b{ font-size: 42px; color: #ffa200}
.ysTit p{     font-size: 17px; margin-top: 7px; color: #fff;} 




.footer { /*background: #fff url(../images/bottombg.jpg) no-repeat center top;*/ padding: 50px 0 0; background-color: rgba(40, 40, 40, 1);}
.footer .footbar { font-size: 12px; line-height: 20px; padding: 15px 0; overflow: hidden; margin-bottom: 40px; }
.footer .footbar .link { float: left; }
.footer .footbar .link a { margin-right: 20px; }
.footer .footbar .tips { float: right; }
.footer .footbar .tips a { margin-left: 12px; float: left; }
.footer .footbar .tips a img { display: block; }
.footer .footnav { overflow: hidden; width: 60%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 0px solid #e3e3e3;float:left; }
.footer .footnav dl { display: block; float: left; width: 16.6666666%; }
.footer .footnav dl dt {     margin-bottom: 20px;     font-size: 18px;     font-weight: bold; }
.footer .footnav dl dt a { color: #fff; text-decoration: none; }
.footer .footnav dl dd { line-height: 32px; font-size: 14px;margin-top:15px; }
.footer .footnav dl dd  a{color: #ccc;}

.footer .footnav2{width:35%;float:right;}
.footer .footnav2 h2{font-size:24px;font-weight:bold;color:#fff;margin-bottom:21px;}
.footer .footnav2 ul { display: block;  width: 100%; }
.footer .footnav2 ul li { width:100%;margin-bottom: 5px; font-size: 18px; line-height:28px;margin:10px 0; color:#fff;float:left;position:relative;    display: flex;
    align-items: center;
    /*justify-content: center;*/
    text-align: justify;}
	
.footer .footnav2 ul li img{margin:0 10px;}

.foot{ text-align:center;width:100%;border-top: 1px solid #e3e3e3;}
.foot img.gsba{ height:45px; margin-bottom:10px;}
.foot .aa{ font-size:14px;}
.foot .aa img{ vertical-align:middle;}
.copyright{ font-size:14px; color:#777; padding:20px 0; line-height:1.8; font-size:13px;}

/* .huobanswiper { width: 100%; margin: 0 auto; } */
/* .huobanswiper span { display: block; font-size: 12px; color: #000; } */
/* .huobanswiper .swiper-slide{text-align:center;border:1px solid #000;} */
/* .huobanswiper .swiper-slide img{max-width:100%;height:400px;} */


.inbanner { height: 300px; background: url(../images/inbanner01.jpg) no-repeat center; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
.inbanner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/a.png) repeat center; content: ''; }
.inbanner .title { position: relative; text-align: center; display: table-cell;vertical-align: middle; }
.inbanner .title .cn { font-size: 38px; letter-spacing: 5px; font-weight: bold; margin-bottom: 5px; }
.inbanner .title .en { font-size: 20px; text-transform: uppercase; font-family: arial; }

.inpage { background: #f5f7f9; overflow: hidden; padding: 30px 0; }

.side { width: 300px; float: left; }

/* .main { width: calc(100% - 330px); float: right; } */



.snav { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.snav .hd { text-align: center; font-size: 20px; color: #ea0000; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.snav .bd { background: #fff; padding: 10px; }
.snav .bd .bul { padding: 0 10px; }
.snav .bd .bul .bli { line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px dashed #fff; background: url(../images/dot.png) no-repeat 8px 17px; position: relative; }
.snav .bd .bul .bli .ba { display: block; font-size: 16px; color: #39424b; position: relative; text-align: center; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; padding: 0 20px; }
.snav .bd .bul .bli:before { content: ''; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); display: block; border-radius: 30px; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 40px; width: 100%; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; }
.snav .bd .bul .bli:hover:before, .snav .bd .bul .bli.on:before { -webkit-transform: translateY(0); transform: translateY(0); }
.snav .bd .bul .bli:hover .ba, .snav .bd .bul .bli.on .ba { color: #fff; }
.snav .bd .bul .bli.on { border-color: transparent; }
.snav .bd .bul .bsub { background: #f3f3f3; margin: -20px 0 2px 0; padding-top: 25px; padding-bottom: 10px; text-align: center; border-radius: 0 0 20px 20px; }
.snav .bd .bul .bsub li { line-height: 36px; }
.snav .bd .bul .bsub li a { font-size: 14px; color: #666; }
.snav .bd .bul .bsub li a:hover, .snav .bd .bul .bsub li.on a { color: #d00c18; }

.sbox { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.sbox .hd { text-align: center; font-size: 18px; color: #ea0000; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.sbox .bd { background: #fff; padding: 15px; }
.scon { font-size: 14px; color: #666; line-height: 24px; }


.mainbox { background: #fff; border: 0 solid #dedede; padding: 40px 64px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.mainbox .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.mainbox .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.mainbox .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.mainbox .now .split { margin: 0 4px; font-family: simsun; }
.mainbox .now a { color: #999; }
.mainbox .now a:hover { color: #d00c18; }

.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img { max-width: 100%; }
.mainbox .bd p { margin-bottom: 20px; }

.bdshare-button-style0-16.lihaile { width: 112px; margin: 0 auto; }
.bdshare-button-style0-16.lihaile a { width: 50px; height: 50px; padding-left: 0; }
.bdshare-button-style0-16.lihaile .bds_tsina { background: url(../images/icon_01.png) no-repeat 0 0; }
.bdshare-button-style0-16.lihaile .bds_weixin { background: url(../images/icon_02.png) no-repeat 0 0; }



.prolist { }
.prolist .item { width: 30.333333333%; float: left; margin: 0 4.5% 40px 0; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }
.prolist .item .img a { display: block; }
.prolist .item .img img { width: 100%; display: block; }
.prolist .item .box { padding: 30px; position: relative; overflow: hidden; }
.prolist .item .box .nam { font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 10px; overflow: hidden; height: 30px; }
.prolist .item:hover .box .nam {  }
.prolist .item .box .nam a { color: #333; }
.prolist .item:hover .box .nam a { color: #ea0000; }
.prolist .item .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 60px; overflow: hidden; }
.prolist .item:hover .box .txt { }
.prolist .item .box .btn { position: absolute; left: 0; bottom: 0; right: 0; height: 90px; line-height: 90px; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }
.prolist .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; }

.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }


.snav .sd { display: none; }


.newslist { }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; }
.newslist .item .name a:hover { color: #ea0000; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02.png); }


.process02 { overflow: hidden; }
.process02 li { width: 31.333333%; float: left; margin: 0 1% 20px; }
.process02 li img { display: block; width: 100%; }


.process05 { overflow: hidden; }
.process05 li { width: 31.333333%; float: left; margin: 0 1% 20px; text-align: center; }
.process05 li a { display: block; }
.process05 li img { display: block; width: 100%; margin-bottom: 5px; }
.process05 li span { line-height: 22px; height: 22px; overflow: hidden; display: block; }




.caselist { overflow: hidden; }
.caselist li { width: 20%; float: left; text-align: center; }
.caselist li img { display: block; margin: 0 auto; }
.caselist li span { text-align: center; }



.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }

.messagebtn.btnon { background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); }








@media (max-width: 1556px){
	.wrapper { width: 100%; /*padding: 0 20px;*/ box-sizing: border-box; }

	.header .sea { display: none; }
}



@media (max-width: 768px){
	
	.wrap{width:100%}
	
	.header { height: auto; padding: 0; }
	.header .logo { float: none; margin-right: 0; /*padding: 16px 0;*/ }
	.header .logo img { height: 100%;width: auto; }
	.header .logo:after { display: none; }
	.header .slogan { display: none; }

	.header .nav { overflow: hidden; background: #f9f9f9; width:100%; padding: 6px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
	.header .nav .nli { display: block; float: left; width: 25%; }
	.header .nav .nli .na { line-height: 30px; font-size: 14px; padding: 0; }

	.topbar { display: none; }
	.topbar .link { display: none; }
	.topbar .tip { text-align: center; float: none; }
	.topbar .tip span { margin: 0; }
	.topbar .tip span:nth-child(2), .topbar .tip span:nth-child(3) { display: none; }

	.fixedblock { height: 164px; }


	.bannerslide .swiper-slide { height: 300px; }
	.bannerslide .swiper-slide .textbox { margin: 200px 0 0 20px; }
	.bannerslide .swiper-slide.swiper-slide-active .textbox { -webkit-transform: scale(.6); transform: scale(.6); }
	.bannerslide .swiper-slide .textbox .txt { display: none; }
	.bannerslide .swiper-slide .textbox .tit { margin-bottom: 0; }
	.bannerslide .swiper-slide .textbox .btn { display: none; }


	.homebox01 .list .item { margin: 10px 5px;     width: 32%;     padding: 22px;float: left; }
	.homebox01 .list .item .img{height:200px;}

	.homebox02 .list .item { float: none; margin: 0 0 20px; width: 100%; }
	.homebox02 .list .item .box { padding: 30px 30px 40px; }
	.homebox02 .list { margin-bottom: 0; }
	
	

	.homebox03 .commontitle { margin-bottom: 20px; }
	.homebox03 .subtit a { font-size: 12px; line-height: 30px; margin: 0 5px; }
	.homebox03 .subtit a.on { padding: 0 15px; }
	
	.homebox03 .subtit ul li{width:49%;}

	
	
	.homebox04 .commontitle { margin-bottom: 20px; }
	.homebox04 .numlist { padding: 0; margin-bottom: 30px; }
	.homebox04 .numlist .item { width: 47%;float: left;margin: 0 8px 20px; }
	.homebox04 .numlist .item .num { padding: 10px 0; margin-bottom: 10px; }

	.homebox04 .list .item { float: none; width: 100%; margin: 0 0 20px; }
	.homebox04 .list .item .box { padding: 30px 30px 40px; }
	.homebox04 .list { margin-bottom: 20px; }
	.homebox04 { padding-bottom: 0; }

	.homebox05 .list .item { margin-bottom: 20px; }
	.homebox05 .list .item .img { float: none; }
	.homebox05 .list .item:nth-child(2) .img { float: none; }
	.homebox05 .list .item .img img { width: 100%; }
	.homebox05 .list .item .box { margin: 0; padding: 20px 15px; }
	.homebox05 .list .item:nth-child(2) .box { margin: 0; }
	.homebox05.homebox05s .list .item:nth-child(1) .img { float: none; }
	.homebox05.homebox05s .list .item:nth-child(1) .box { margin: 0; }
	
	.homebox05 .list .item .box .name{font-size:27px;}
	.homebox05 .list .item .box .name span{font-size:18px;}
	
	.homebox05 .list .item .box .btnn a{font-size:16px;color: #fff;background:#014099;padding:5px 10px;}

	.homebox06 .box { width: 80%;margin-top: 0;margin-bottom: 20px; overflow: hidden; }
	.homebox06 .box .list { width: 100%; }
	.homebox06 .box .list li { width: 50%; }
	
	
	
	
	
	.homebox06   .swiper-slide .img{height:300px;}
	.homebox06   .swiper-slide .img img{width:100%;max-height:100%;}

	.footer { padding: 25px 0 60px 0;}
	.footbar { display: none; }
	.footer .footnav { display: none; }
	 .footer .footnav2{width:100%}	
	.foot { font-size: 12px; }
	.foot .aa { font-size: 12px; display: block; line-height: 20px; }
	.copyright { font-size: 12px; }
    
    

	.inbanner { height: 120px; background-size: cover; }
	.inbanner .title .cn { font-size: 22px; }
	.inbanner .title .en { font-size: 14px; }

	.side { width: 100%; float: none; }
	.main { width: 100%; float: none; }

	.sbox { display: none; }

	.snav { padding: 0; margin-bottom: 0; }
	.snav .sd { background: #666; line-height: 36px; font-size: 12px; color: #fff; text-align: center; display: block; }
	.snav .hd { display: none; }
	.snav .bd { display: none; }
	.snav .bd.sbon { display: block; }

	.snav .bd .bul .bli .ba { font-size: 14px; }
	.mainbox .now { display: none; }

	.mainbox { padding: 20px; }
	.mainbox .hd { border-color: transparent; margin: -20px -20px 40px; }
	.mainbox .hd h1 { float: none; text-align: center; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; font-size: 16px; padding-right: 0; }

	.newsbackline ul li a { width: 100%; }


	.newslist .item { width: 100%; float: none; margin-right: 0; }
	.newslist .item .name { height: auto; }

	.process02 li { width: 48%; }

	.process05 li { width: 48%; }
	.process05 li span { font-size: 12px; }

	.caselist li { width: 50%; }
	.caselist li span { font-size: 12px; }


	.messagecon p  { }
	.messagetarea { width: 90%; margin: 0 auto; display: block; }
	.messagetit { text-align: center; margin-top: 5px; font-size: .75rem; }
	.messageinput { width: 90%; margin: 0 auto; display: block; margin-bottom: 5px; }
	.main .con .yanzhengma { display: block; width: 20%; margin: 20px auto; }
	.messagebtn { margin: 5px auto 0; width: 80%; display: block; }
	.messagebtn.btnon { width: 80%; }

	.prolist .item { width: 100%; margin: 0 0 10px; }

}

@media (max-width: 480px){
		.homebox04 .numlist .item { width: 100%;float: none;margin: 0 ; }
		.bannerslide .swiper-slide {     height: 180px; }
		.homebox06 .swiper-slide .img{border:0}
		
		.homebox01 .list .item {      width: 100%;  margin:0 0 20px;   padding:20px 10px;float: none; }
		
		.homebox05 .list .item .box .name {font-size: 22px;}
		.homebox05 .list .item .box .name span {font-size: 16px;}
}









/******************************************************************************************************************************/
/******************************************************************************************************************************/
/******************************************************************************************************************************/

.main {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin:auto;
}

.sub-menu {
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #0075a9 ;
}

.sub-menu .main {
  display: flex;
  justify-content: space-between;
}

.sub-menu .main .sub-nav {
  width: auto;
  height: 70px;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin-right: 30px;
}

.sub-menu .main .sub-nav::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F5F5F5;
}

.sub-menu .main .sub-nav::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #F5F5F5;
}

.sub-menu .main .sub-nav::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ddd;
}

.sub-menu .main .sub-nav .items {
  min-width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.sub-menu .main .sub-nav .items a {
  display: block;
  float: left;
  height: 70px;
  border-bottom: 2px solid transparent;
  line-height: 70px;
  font-size: 16px;
  color: #333;
  transition: all 0.3s;
  white-space: nowrap;
}

.sub-menu .main .sub-nav .items a:hover, .sub-menu .main .sub-nav .items a.active {
  color: #b71b30;
}

.sub-menu .main .sub-nav .items i {
  display: block;
  float: left;
  width: 1px;
  min-width: 1px;
  height: 10px;
  background-color: #ccc;
  margin: 0 40px;
}

.sub-menu .main .hamb {
  height: 70px;
  line-height: 70px;
  padding-left: 40px;
  background-image: url(../images/about/about01.png);
  background-size: 20px 23px;
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
  color:#242f35;
}
.sub-menu .main .hamb  a{
  color:#242f35;
}



/*分页样式*/
.pglist {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 14px;
	margin: 5px 3px;
    font-weight: bold;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist  *{
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 30px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #ffdb60;
	/* border-color: #1048a0; */
}


/*************关于我们**************/

#about .section1 {
  width: 100%;
  padding: 70px 0 90px;
}

#about .section1 .main .name {
  text-align: center;
  font-size: 30px;
  color: #333;
  font-family: '黑体';
}

#about .section1 .main .desc {
  width: 85%;
  position: relative;
  margin: 20px auto 0;
  line-height: 40px;
  text-align: justify;
}

#about .section1 .main .desc img {
  max-width: 100%;
}

#about .section1 .main .desc p {
  margin-bottom: 20px;
}



#about .section1 .main .numbers {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#about .section1 .main .numbers .item {
  width: 23%;
  margin-top: 35px;
  text-align: center;
}

#about .section1 .main .numbers .item .num {
  font-size: 60px;
  line-height: 50px;
  font-family: 'DINCondensed';
  color: #0075a9;
}

#about .section1 .main .numbers .item .text {
  width: 100%;
  font-size: 14px;
  color: #333;
  margin-top: 15px;
}

#about .section1 .main .numbers i {
  display: block;
  width: 1px;
  height: 34px;
  background-color: #eaeaea;
  flex-shrink: 0;
  margin: 50px 50px 0;
}



#about .section1 .main .swiper {
  width: 100%;
  margin-top: 60px;
  position: relative;
}

#about .section1 .main .swiper .swiper-slide {
  width: 23.85%;
  overflow: hidden;
}

#about .section1 .main .swiper .swiper-slide img {
  width: 100%;
  height: 300px;
  transition: all 0.3s;
}

#about .section1 .main .swiper .swiper-slide:hover img {
  transform: scale(1.1);
}

#about .section1 .main .swiper .btn {
  width: 40px;
  height: 40px;
  border: 1px solid #e6e6e6;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s;
  background-color: #fff;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
}

#about .section1 .main .swiper .btn:hover {
  border-color: #0075a9;
  background-color: #0075a9;
}

#about .section1 .main .swiper .prev {
  left: -60px;
  background-image: url(../images/96.png);
}

#about .section1 .main .swiper .prev:hover {
  background-image: url(../images/98.png);
}

#about .section1 .main .swiper .next {
  right: -60px;
  background-image: url(../images/97.png);
}

#about .section1 .main .swiper .next:hover {
  background-image: url(../images/99.png);
}



/********************联系我们****************************/

.contact {
  width: 100%;
  /* height: 440px; */
}

.contactLeft {
  width: 460px;
  float: left;
}

.contactRight {
  width: 720px;
  margin-left: 460px;
  height: 440px;
}

/*.contactRight img {width:720px;height:440px;}*/
.contactLeftTitle {
  font-size: 24px;
  color: #0075a9;
  font-weight: 900;
}

.hr {
  width: 200px;
  height: 1px;
  background: #333;
  margin: 52px 0 46px 0;
}

.contactLeft01 {
  position: relative;
  padding-left: 40px;
  margin-bottom: 40px;
}

.contactLeft01:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 0;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

#allmap {
  height: 400px;
}
.show01:before {
  background-image: url("../images/contact/contactIcon01.png");
}

.show02:before {
  background-image: url("../images/contact/contactIcon02.png");
}

.show03:before {
  background-image: url("../images/contact/contactIcon03.png");
}

.contactLeft01 p:first-child {
  font-size: 14px;
}

.contactLeft01 p:last-child {
  font-size: 18px;
  margin-top: 12px;
}



 #contact .main-tops {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #contact .main-tops .item {
    width: 46%;
  }
  #contact .main-tops .item .b-title {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 20px;
  }
  #contact .main-tops .texts .cn {
    font-size: 22px;
    margin-top: 40px;
  }
  #contact .main-tops .texts .en {
    font-size: 14px;
  }
  #contact .main-tops .texts .line {
    margin-top: 14px;
    line-height: 21px;
    font-size: 14px;
  }
  #contact .main-tops .texts .line .label {
    padding-left: 30px;
  }
  #contact .main-tops .form form {
    margin-top: 40px;
  }
  #contact .main-tops .form .line {
    margin-top: 20px;
  }
  #contact .main-tops .form .line .input input {
    height: 50px;
    padding: 0 20px;
  }
  #contact .main-tops .form .line .textarea {
    height: 150px;
  }
  #contact .main-tops .form .line .textarea textarea {
    height: 150px;
    padding: 16px 20px;
  }
  #contact .main-tops .form .line.hasyzm {
    height: 50px;
  }
  #contact .main-tops .form .line.hasyzm .input {
    width: 36.36%;
  }
  #contact .main-tops .form .line.hasyzm .img {
    width: 22.72%;
  }
  #contact .main-tops .form .line.hasyzm .img img {
    height: 50px;
  }
  #contact .main-tops .form .line.hasyzm .button {
    width: 34.84%;
    height: 50px;
    font-size: 16px;
  }
  #contact .main-tops .form .line.hasyzm .button i {
    width: 16px;
    height: 16px;
    margin-left: 10px;
  }


  
/*******************产品中心********************/  
.inner_main_fl{ text-align: center;   width:85%; margin:auto; margin-top: 3%;  /*margin-bottom: 3%;*/  background:#fff; text-align:center;  }  
.inner_fl_title{  width:100%;  margin-bottom:12px;  padding-bottom:15px;  border-bottom:1px solid #e1e1e1;  }  
.inner_fl_title h3{  color:#000;  font-size:24px;  font-weight:bold;  }  
.inner_fl_con{  width:100%;  /*margin-bottom:30px;*/  }  
.inner_fl_con span{  /*line-height:45px;*/  margin-bottom:5px;  }  
.inner_fl_con span a{ padding:1% 2%; margin:10px 0;  display: inline-block; background:#fff;  color: #23527c ; text-overflow: ellipsis; white-space: nowrap; font-size:16px; text-align:center; border:1px solid #23527c }  
.inner_fl_con span a:hover{  color:#fff;  background:#04449b;   }  
.inner_fl_con span .current{  color:#fff;  background:#04449b   }  
.level2{ padding: 10px 0; overflow: hidden; display:none; } 
.level2 li{ line-height:30px; border:none; } 
.level2 li a{ display:block; background: url(../images/fl_liul.jpg) no-repeat 30px center; color:#6c6c6c; font-size:14px; padding-left:40px; } 
.level2 li a:hover{ display:block; background: url(../images/fl_liulhover.jpg) no-repeat 30px center; color:#04449b; font-size:14px; padding-left:40px; } 
.level2 li .current{ display:block; background: url(../images/fl_liulhover.jpg) no-repeat 30px center; color:#04449b; font-size:12px; padding-left:40px; } 



/* 列表commom css */
.app-list .list { width: 100%; /* margin-top: 50px; */ overflow: hidden; display: flex; flex-wrap: wrap; }  
.app-list .item { width: 30%; position: relative;  float: left; /* padding:5px; */  margin:20px; /* margin-left: 2.87%; */ }  
.app-list .item .tops { width: 100%; position: relative; }  
.app-list .item .tops .img { width: 100%;height:300px; background-color: #fff;    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
    overflow: hidden; }  
.app-list .item .tops .img img { max-width: 100%; height: auto; }  
.app-list .item .tops .masklayer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; transition: all 0.6s; display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
    overflow: hidden;  }  

.app-list .item .tops .masklayer .texts { display:none;width: 100%; /*height: 100%;*/ background:red;/*padding:80px 30px ;*/ background:url(../images/search.png) center center no-repeat ; background-size:25% 25%; position: relative; z-index: 2; }  
.app-list .item .tops .masklayer .texts .name { width: 100%; font-size: 24px; color: #fff; margin: 0 auto; position: relative; overflow: hidden; text-align:center; }  
.app-list .item .tops .masklayer .texts .name p { display: none; animation-duration: 0.5s; }  
.app-list .item .tops .masklayer .texts .desc { width: 100%; font-size: 16px; color: #fff; position: relative; overflow: hidden; margin-top: 10px; text-align:center; }  
.app-list .item .tops .masklayer .texts .desc p { display: none; animation-duration: 0.5s; }  
.app-list .item .tops .masklayer .texts .text { width: 100%; font-size: 14px; line-height: 30px; color: #fff; margin: auto; overflow: hidden; text-align:center; }  
.app-list .item .tops .masklayer .texts .text p { display: none; animation-duration: 0.5s; animation-delay: 0.2s; }  
.app-list .item .tops .masklayer .texts .icon { display: block; width: 32px; height: 9px; position: absolute; left: 40px; bottom: 40px; overflow: hidden; }  
.app-list .item .tops .masklayer .texts .icon img { width: 100%; height: 100%; display: none; animation-duration: 0.5s; animation-delay: 0.4s; }  
.app-list .item .tops .masklayer i { position: absolute; width: 200%; height: 100%; top: 0; left: -250%; background-color: rgba(28,91,190,0.8);    -moz-transform: skewX(30deg); -o-transform: skewX(30deg); -ms-transform: skewX(30deg); -webkit-transform: skewX(30deg); transform: skewX(30deg); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }  
.app-list .item .bots { width: 100%; padding: 20px 0 0; }  
.app-list .item .bots .name { font-size: 18px; line-height: 18px; text-align: center; margin-top: 8px; /*font-weight: bold;*/ color:#333; padding: 10px 0;background: #f5f5f5;}  
.app-list .item .bots .desc { font-size: 14px; line-height: 14px; text-align: center; color: #333; margin: 12px 0 0; }  
/* .app-list .item:nth-child(3n + 1) { margin-left: 0; }   */
.app-list .item:hover .tops .masklayer .texts{display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

.app-list .item:hover .tops .masklayer .texts .name p, 
.app-list .item:hover .tops .masklayer .texts .desc p, 
.app-list .item:hover .tops .masklayer .texts .text p, 
.app-list .item:hover .tops .masklayer .texts .icon img { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;  }  
.app-list .item:hover .tops .masklayer i { left: -50%; }
 
#app  .tab {  text-align: center; border:1px solid black;   width:85%; margin:auto; margin-top: 3%;  margin-bottom: 3%;  background:#fff; text-align:center;} 
#app  .tab li{width:auto}
#app  .tab li  a { padding:1% 2%; margin:10px 0;  display: inline-block; background:#fff;  color: #242f35 ; text-overflow: ellipsis; white-space: nowrap; font-size:16px; text-align:center;  } 
#app  .tab li  a.active{background:#337ab7; color:#fff;}

/* 内页新闻css */
#news { width: 100%; }  
#news .big-title { width: 100%; padding: 0 3%; text-align: center; margin-top: 70px; }  
#news .big-title .big { font-size: 34px; line-height: 34px; font-weight: bold; }  
#news .big-title .small { font-size: 16px; line-height: 16px; color: #666; margin-top: 14px; }  
#news .news-list { width: 100%; margin-top: 50px; }  
#news .news-list .item { position: relative; width: 100%; padding: 20px 0; }  
#news .news-list .dates { position: absolute; right: 60px; top: 30px; }  
#news .news-list .dates span { display: block; color: #333; text-align: center; }  
#news .news-list .dates span:first-child { font-size: 60px; font-weight: 900; }  
#news .news-list .dates span:last-child { font-size: 20px; }  
#news .news-list  .readmore { width:150px; color: #fff; background: #023793; border-radius:30px; float:right; }  
#news .news-list  .readmore span{color:#fff;}

#news .news-list .item a { overflow: hidden; display: flex; } 
#news .news-list .item:hover { background:rgb(225,225,225,0.6); } 
#news .news-list .item a:hover .img img { transform: scale(1.1); }  
/* #news .news-list .item a:hover .right .title {}   */
/* #news .news-list .item a:hover .readmore { color:#fff; }   */
#news .news-list .item .img { width: 280px; height: 180px; float: left; overflow: hidden; flex-shrink: 0; flex-grow: 0; margin-left:1%; }  
#news .news-list .item .img img { width: 100%; height: 100%; transition: all 0.3s; }  
#news .news-list .item .right { width: calc(100% - 524px); margin-left: 38px; float: left; position: relative; }  
#news .news-list .item .right .title { font-size: 20px; line-height: 20px; transition: color 0.3s; margin-top: 15px; }  
#news .news-list .item .right .date { font-size: 14px; line-height: 14px; color: #999; display: none; margin-top: 20px; }  
#news .news-list .item .right .desc { font-size: 14px; line-height: 30px; color: #666; margin-top: 20px; }  
#news .news-list .item .right .readmore { position: absolute; left: 0; bottom: 0; }  
#news .news-detail { margin-top: 3%; }  
#news .news-detail .tops { width: 100%; border-bottom: 1px solid #ddd; padding: 25px 30px 30px; text-align: center; }  
#news .news-detail .tops h1 { font-size: 24px; }  
#news .news-detail .tops .date { font-size: 14px; line-height: 14px; color: #666; margin-top: 14px; }  
#news .news-detail .news-content { width: 100%; padding: 50px 100px; font-size: 14px; line-height: 30px; color: #333; }  
#news .news-detail .news-content img { max-width: 100%; }  
#news .news-detail .prev-next { position: relative; width: 100%; padding: 30px 0; border-top: 1px solid #e6e6e6; }  
#news .news-detail .prev-next a { margin-bottom: 16px; display: block; transition: all 0.3s; }  
#news .news-detail .prev-next a:hover { color: #ffdb60; }  
#news .news-detail .back { width: 200px; height: 50px; display: block; font-size: 16px; position: absolute; right: 0; top: 38px; background: #023793; color: #fff; transition: all 0.3s; text-align: center; line-height: 50px; }  


 /****** 产品详情 ******/
.sub-page-hidden { overflow: hidden;  margin-top: 2%;  border:1px solid #eee;padding: 10px 5px;} 
.sub-page-hidden .article-data{width:98%; height:auto; margin:auto;display:block;}
.sub-page-hidden  .article-data > .header { padding: .1rem 0 .17rem; /* border-bottom: 1px solid #e1e1e1; */ } 

.sub-page-hidden .article-data > .header { padding: 0; border: none; } 
.sub-page-hidden .product-thumb { box-sizing: border-box; float: left; width: 48%; border:0px solid #eee;height:550px;text-align:center;} 
.sub-page-hidden .product-thumb  .thumb_img{max-width:100%;height:100%;margin:auto;}
/* .ddd{width:500px;height:500px;} */
.sub-page-hidden .product-thumb   .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }  
.sub-page-hidden .product-thumb   .swiper-slide { background-size: cover; background-position: center;display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify; }  
.sub-page-hidden .product-thumb   .gallery-top { height: 80%; width: 100%; }  
.sub-page-hidden .product-thumb   .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; }  
.sub-page-hidden .product-thumb   .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; }  

.sub-page-hidden .product-thumb .swiper-slide img{max-width:100%;height:auto;}

.sub-page-hidden .product-thumb   .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;border:1px solid #eee; } 

.sub-page-hidden .product-thumb .swiper-container .swiper-button-prev{ margin-top: 0; height: 50px; width: 32px;  bottom: 10px;   background: url(../images/slideshow_arrow_left.png) no-repeat center; }
.sub-page-hidden .product-thumb .swiper-container .swiper-button-next{ margin-top: 0; height: 50px; width: 32px;  bottom: 10px;   background: url(../images/slideshow_arrow_right.png) no-repeat center; }

.sub-page-hidden .product-cont { box-sizing: border-box; float: right; width: 48%; border:0px solid #eee; padding-top: 2.2rem; padding-left: .3rem; } 
.sub-page-hidden .product-cont .title { padding-bottom: 6px; font-size: 32px; color: #444; font-weight: bold; line-height: 1;text-align:left; } 
.sub-page-hidden .product-cont .btn { display: block; width: 100px; height: 40px; background: #62a8ea; text-align: center; font-size: 18px; line-height: 40px; color: #fff; transition: background .36s ease-out 0s; margin-top: 20px; padding:0;} 
.sub-page-hidden .product-cont .btn:hover { background: #87c5ff; }
.sub-page-hidden .product-cont .info { font-size: 16px; color: #5e7387; font-family: '微软雅黑'; text-align:left; margin-top:20px;line-height: 38px;} 
/* .sub-page-hidden .product-cont .iconfont:before { position: relative; top: 2px; padding-right: .2px; font-size: 20px; }  */
.sub-page-hidden .product-cont .info2 {     padding: 25px 0 10px; font-size: 18px; font-weight:bold; line-height: 24px; color: #1c5bbe; font-family: '微软雅黑'; text-align: left; } 
.sub-page-hidden .product-cont .info3 {  font-size: 30px; line-height: 36px; color: rgba(214, 0, 17); font-family: '微软雅黑'; text-align: left;letter-spacing:2px; } 
/* .sub-page-hidden .product-cont .wap-show { display: none; }  */
.sub-page-hidden .tabhead{width:100%;height: 35px; border-bottom: 1px solid #1c5bbe;margin-top:20px; } 
.sub-page-hidden .tabhead span{background:#1c5bbe;color:#fff;font-size:18px;font-weight:bold; padding:9px 20px;letter-spacing:2px; }
.sub-page-hidden .show_detil{width:100%;}
.sub-page-hidden .show_detil img{max-width:70%;display:block;margin:auto;margin-top:10px;} 

.prod-detail  .prev-next { position: relative; width: 100%; padding: 30px 0; border-top: 1px solid #e6e6e6; }  
.prod-detail  .prev-next a { margin-bottom: 16px; display: block; transition: all 0.3s; }  
.prod-detail  .prev-next a:hover { color: #ffdb60; }  
.prod-detail   .back { width: 200px; height: 50px; display: block; font-size: 16px; position: absolute; right: 0; top: 38px; background: #023793; color: #fff; transition: all 0.3s; text-align: center; line-height: 50px; }  


	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:none;}


@media screen and (max-width: 1280px) {
	
	#about .section1 { padding: 60px 0 60px; } 
	#about .section1 .main .name { font-size: 26px; } 
	#about .section1 .main .desc { margin-top: 20px; line-height: 30px; } 
	#about .section1 .main .slogan-cn { font-size: 20px; margin-top: 15px; } 
	#about .section1 .main .slogan-en { font-size: 14px; line-height: 29px; } 
	#about .section1 .main .numbers .item { margin-top: 35px; }
	#about .section1 .main .numbers .item .num { font-size: 64px; line-height: 50px; } 
	#about .section1 .main .numbers .item .text { font-size: 14px; margin-top: 15px; } 
	#about .section1 .main .numbers i { height: 34px; margin: 50px 30px 0; }
	#about .section1 .main .swiper { margin-top: 50px; } 
	#about .section1 .main .swiper .swiper-slide { width: 23.85%; } #about .section1 .main .swiper .btn { width: 40px; height: 40px; top: 50%; margin-top: -20px; } 
	#about .section1 .main .swiper .prev { display: none; left: -20px; } 
	#about .section1 .main .swiper .next { display: none; right: -20px; } 

	.app-list .list { /* margin-top: 50px; */ } 
	.app-list .item { width: 30.42%; /* margin-bottom: 40px; */ /*margin-left: 2.87%;*/ } 
	.app-list .item .tops .masklayer .texts { padding: 30px  20px; } 
	.app-list .item .tops .masklayer .texts .name { font-size: 20px; } 
	.app-list .item .tops .masklayer .texts .desc { font-size: 16px; margin-top: 10px; } 
	.app-list .item .tops .masklayer .texts .text { font-size: 14px; line-height: 26px;  } 
	.app-list .item .tops .masklayer .texts .icon { width: 32px; height: 9px; left: 30px; bottom: 30px; } 
	.app-list .item .tops .masklayer i { width: 200%; height: 100%; top: 0; left: -250%; } 
	.app-list .item .bots { padding: 20px 0 0; } 
	.app-list .item .bots .name { font-size: 18px; line-height: 18px; }  

	#news .news-detail { margin-top: 60px; } 
	#news .news-detail .tops { padding: 25px 30px 30px; } 
	#news .news-detail .tops h1 { font-size: 24px; } 
	#news .news-detail .tops .date { font-size: 14px; line-height: 14px; margin-top: 14px; } 
	#news .news-detail .news-content { padding: 50px 50px; font-size: 14px; line-height: 30px; } 
	#news .news-detail .prev-next { padding: 30px 0; } 
	#news .news-detail .prev-next a { width: 35%; } 
	#news .news-detail .back { width: 170px; height: 50px; border-radius: 25px; font-size: 18px; line-height: 50px; margin: 50px auto 70px; } 

	#contact .main-tops { margin-top: 60px; margin-bottom: 60px; } 
	#contact .main-tops .item { width: 46%; } 
	#contact .main-tops .item .b-title { height: 32px; line-height: 32px; padding: 0 16px; font-size: 20px; } 
	#contact .main-tops .texts .cn { font-size: 22px; margin-top: 40px; } 
	#contact .main-tops .texts .en { font-size: 14px; } 
	#contact .main-tops .texts .line { margin-top: 14px; line-height: 21px; font-size: 14px; } 
	#contact .main-tops .texts .line .label { padding-left: 30px; } 
	#contact .main-tops .form form { margin-top: 40px; } 
	#contact .main-tops .form .line { margin-top: 20px; } 
	#contact .main-tops .form .line .input input { height: 50px; padding: 0 20px; } 
	#contact .main-tops .form .line .textarea { height: 150px; } 
	#contact .main-tops .form .line .textarea textarea { height: 150px; padding: 16px 20px; } 
	#contact .main-tops .form .line.hasyzm { height: 50px; } 
	#contact .main-tops .form .line.hasyzm .input { width: 36.36%; } 
	#contact .main-tops .form .line.hasyzm .img { width: 22.72%; } 
	#contact .main-tops .form .line.hasyzm .img img { height: 50px; } 
	#contact .main-tops .form .line.hasyzm .button { width: 34.84%; height: 50px; font-size: 16px; } 
	#contact .main-tops .form .line.hasyzm .button i { width: 16px; height: 16px; margin-left: 10px; }   	
	
}


@media screen and (max-width: 768px) {
	
	#about .section1 { padding: 40px 0 40px; } 
	#about .section1 .main .name { font-size: 15px; } 
	#about .section1 .main .desc { width: 94%; font-size: 12px; margin-top: 14px; line-height: 30px; } 
	#about .section1 .main .slogan-cn { font-size: 18px; margin-top: 14px; } 
	#about .section1 .main .slogan-en { font-size: 14px; line-height: 24px; } 
	#about .section1 .main .numbers .item { width: 32%; margin-top: 35px; } 
	#about .section1 .main .numbers .item .num { font-size: 50px; line-height: 40px; } 
	#about .section1 .main .numbers .item .text { font-size: 14px; margin-top: 10px; } 
	#about .section1 .main .numbers i { height: 34px; margin: 50px 30px 0; } 
	#about .section1 .main .numbers i:nth-of-type(2) { display: none; } 
	#about .section1 .main .swiper { margin-top: 50px; } 
	#about .section1 .main .swiper .swiper-slide { width: 49.23%; } 
	#about .section1 .main .swiper .btn { width: 30px; height: 30px; top: 50%; margin-top: -15px; } 
	#about .section1 .main .swiper .prev { left: -10px; } 
	#about .section1 .main .swiper .next { right: -10px; } 
	
	.app-list .list { /* margin-top: 40px; */ } 
	.app-list .item { width: 43%; /* margin-bottom: 40px; */ /* margin-left: 4%; */ } 

	/* .app-list .item .tops .masklayer .texts { */
	/* padding: 90px 40px; */
	/* } */
	.app-list .item .tops .masklayer .texts .name { font-size: 30px; margin-top: 19%; } 
	.app-list .item .tops .masklayer .texts .desc { font-size: 14px; margin-top: 10px; } 
	.app-list .item .tops .masklayer .texts .text { font-size: 14px; line-height: 24px;  } 
	.app-list .item .tops .masklayer .texts .icon { width: 32px; height: 9px; left: 20px; bottom: 20px; } 
	.app-list .item .tops .masklayer i { width: 200%; height: 100%; top: 0; left: -250%; } 
	.app-list .item .bots { padding: 20px 0 0; } 
	.app-list .item .bots .name { font-size: 18px; line-height: 18px; } 
	.app-list .item .bots .desc { font-size: 14px; line-height: 14px; margin: 10px 0 0; } 
	
	
	.contactLeft { float: inherit; } 
	.contactRight { width:100%;margin-left: 0; height:auto;} 
	.contactLeftTitle { font-size: 16px; } 
	.contactLeft01 p:last-child { font-size: 12px; } 
	.contactMain { width: 94%; } 
	.contactAjaxTop { width: 100%; } 
	#allmap{height:300px;}
	
	#contact .main-tops { overflow: hidden; margin-top: 40px; margin-bottom: 40px; display: block; } 
	#contact .main-tops .item { width: 100%; margin-top: 50px; } 
	#contact .main-tops .item .b-title { height: 32px; line-height: 32px; padding: 0 16px; font-size: 18px; } 
	#contact .main-tops .texts .cn { font-size: 18px; margin-top: 20px; } 
	#contact .main-tops .texts .en { font-size: 14px; } 
	#contact .main-tops .texts .line { margin-top: 14px; line-height: 21px; font-size: 14px; } 
	#contact .main-tops .texts .line .label { padding-left: 30px; } 
	#contact .main-tops .form form { margin-top: 20px; } 
	#contact .main-tops .form .line { margin-top: 14px; } 
	#contact .main-tops .form .line .input input { height: 50px; padding: 0 14px; } 
	#contact .main-tops .form .line .textarea { height: 150px; } 
	#contact .main-tops .form .line .textarea textarea { height: 150px; padding: 10px 14px; } 
	#contact .main-tops .form .line.hasyzm { height: 50px; } 
	#contact .main-tops .form .line.hasyzm .input { width: 36.36%; } 
	#contact .main-tops .form .line.hasyzm .img { width: 22.72%; } 
	#contact .main-tops .form .line.hasyzm .img img { height: 50px; } 
	#contact .main-tops .form .line.hasyzm .button { width: 34.84%; height: 50px; font-size: 16px; } 
	#contact .main-tops .form .line.hasyzm .button i { width: 16px; height: 16px; margin-left: 10px; } 
	
}


@media screen and (max-width: 480px) {
	
	.sub-menu{font-size:14px;}
	.sub-menu .sub-nav{display:none;}
	
	.app-list .list { /*margin-top: 30px; */} 
	.app-list .item { width: 100%; margin: 0;margin-bottom: 30px;  width: 48%; } 
		.app-list .item .tops .img{height:180px;}
	.app-list .item .tops .masklayer .texts { padding: 20px; } 
	.app-list .item .tops .masklayer .texts p{margin:0;}
	.app-list .item .tops .masklayer .texts .name { font-size: 18px; margin-top:1px; } 
	.app-list .item .tops .masklayer .texts .desc { font-size: 14px; margin-top: 10px; } 
	.app-list .item .tops .masklayer .texts .text { font-size: 14px; line-height: 24px;  } 

	.app-list .item .tops .masklayer .texts .icon { width: 32px; height: 9px; left: 20px; bottom: 20px; } 
	.app-list .item .tops .masklayer i { width: 200%; height: 100%; top: 0; left: -250%; } 
	.app-list .item .bots { padding: 0; } 
	.app-list .item .bots .name { font-size: 12px; line-height: 12px; } 
	.app-list .item .bots .desc { font-size: 14px; line-height: 14px; margin: 10px 0 0; } 
	.app-list .item:nth-child(3n + 1) { margin-left: 0; } 
	.app-list .item:nth-child(2n + 1) { margin-right: 2%; } 
	
	
	.inner_fl_con span a{margin:5px 0;}
	
	.sub-page-hidden .product-thumb{width:100%;height:auto}
	
	
	.sub-page-hidden .product-cont{width:100%}
	.sub-page-hidden .product-cont .info3{font-size: 23px;}
	.prod-detail .back{position:relative;right:0;top:0;margin:auto;}
	

	
	#news .news-list { margin-top: 0; } 
	#news .news-list .item { padding: 20px 0; } 
	#news .news-list .item a { display: block; } 
	#news .news-list .item .img { width: 120px; float: left; height: 84px; } 
	#news .news-list .dates { display: none; } 
	#news .news-list .item .img img { height: auto; } 
	#news .news-list .item .right { width: 58%; height: 84px; position: relative; margin-left: 5%; } 
	#news .news-list .item .right .title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: inherit; line-height: 28px; -webkit-line-clamp: 2; margin-top: 0px; } 
	#news .news-list .item .right .date { font-size: 14px; display: block; position: absolute; bottom: 0; left: 0; line-height: 14px; margin-top: 12px; } 
	#news .news-list .item .right .desc { font-size: 14px; display: none; line-height: 24px; margin-top: 12px; } 
	#news .news-list .item .right .readmore { position: static; margin-top: 12px; } 

	#news .news-detail .tops{border:0px}
	#news .news-detail .back{position:relative;top:0}
	

	#contact .contact { height: inherit; } 
	#contact .contactRight .main { margin-left: 0; margin-right: 0; width: 100%; } 
	#contact .contactLeft{width: 98%;margin: auto;}
	#contact .contactLeft .hr{margin: 21px 0 19px 0;}

	#news .pages { /* display: none; */ margin: 30px auto; } 
	#news .news-detail { margin-top: 30px; } 
	#news .news-detail .tops { padding: 14px; } 
	#news .news-detail .tops h1 { font-size: 16px; } 
	#news .news-detail .tops .date { font-size: 12px; line-height: 12px; margin-top: 10px; } 
	#news .news-detail .news-content { padding: 20px 0; font-size: 14px; line-height: 24px; } 
	#news .news-detail .prev-next { padding: 15px 0; display: block; } 
	#news .news-detail .prev-next a { width: 100%; } 
	#news .news-detail .prev-next .next { text-align: left; margin-top: 10px; } 
	#news .news-detail .back { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; line-height: 40px; margin: 30px auto 30px; } 

	
}